@import url('https://fonts.googleapis.com/css?family=Gafata|Roboto:300,400,500');

html,body{
	font-family:Roboto,arial, Helvetica, sans-serif;
	color:#12293a;
	font-weight:300;
}

body{
	background: transparent url("/s/site/ministryforarts/reskin/header.jpg") no-repeat scroll 0% 0% / 180px auto;
	background-size: 180px;
}

#head{
	height:40px;
    margin-top: 15px;
}

#wrapper{
	width: 1040px;
	min-height:720px;
	margin: 0 auto;
	background-color: white;
}

#body{
	padding: 15px;
	/*margin-top:20px;
	padding-top:40px;*/
}

a, a:link, a:visited{
color: #007abb;
	text-decoration:none;
}

a:hover, a:active, a:focus {
color: #007abb;
border-bottom: 2px solid #e69a3d;
	outline:none;
	border:none;
}

#user a, #user a:link, #user a:visited{
	color:black;
font-size: 16px;
color: #12293a;
text-decoration: none;
border: none;
border-bottom-width: medium;
border-bottom-style: none;
border-bottom-color: currentcolor;
margin: 0px 10px;
}

#user a:hover, #user a:active, #user a:focus{
color: #007abb;
border-bottom: 2px solid #e69a3d;
}

#user{
}

#headlinks a, #headlinks a:link, #headlinks a:visited{
	text-decoration:underline;
	color: #5265FF;
	font-size:12px;
}

#headlinks{
	margin-top: 80px;
	margin-right: -70px;
}

.validationerror, .ftValidError{
border: 1px solid;
border-radius:5px;
margin: 10px 0px;
padding: 15px 10px 15px 20px !important;
color:#B94A48 !important;
background-color: #F2DEDE;
border-color:#eed3d7;
}

#regform > fieldset > div:nth-child(5) > div.hint > p{
	margin-top:130px;
}

#lastSaved{
	margin-top:-70px;
}
/*	
#appnav{
	float:left;
	background-color: #e4e4e4;
	border:none;
	margin-bottom:-400px;
	color:black;
	font-weight:100;
	padding:0px;
	width:180px;
}*/

/*edited*/
#appnav{
	float:left;
	background-color: #e4e4e4;
	border:none;
	margin-bottom:-400px;
	color:black;
	font-weight:100;
	padding:0px;
	width:225px;
	margin-top:90px;
}

#appnav a, #appnav a:link, #appnav a:visited{
	font-weight:100;
	color:black;
	text-decoration:none;
}

#appnav li:hover{
	background-color: #F3F4F4;
}

#appnav .current{
	border-bottom:2px solid white;
	background-color: #5265FF;
	color:white;
	font-weight:bold;
	padding:10px;
	width: 205px;
	float:left;
	margin:0px;
	border-left:none;
	margin-bottom: 10px;
	font-family:roboto;
}

#appnav .current:hover{
	background-color: #5265FF;
}

#appnav .current a,#appnav .current a:link,#appnav .current a:visited{
	color:white !important;
}	


/*
#appnav h3{
	background-color: #e4e4e4;
	padding:10px;
	border:none;
	font-weight:100;
	font-size:14px;
	width: 160px;
	margin: 0px;
	border-bottom: 2px solid white;
}*/

/*edited*/
#appnav h3{
	background-color: #e4e4e4;
	padding:10px;
	border:none;
	font-weight:100;
	font-size:14px;
	width: 205px;
	margin: 0px;
	border-bottom: 2px solid white;
}

 .ftEditSectionHeading{
	background-color: white;
	color: black;
	font-weight: 100;
	border-bottom: 3px solid black;
}

#appnav li{
	border:none;
	padding:10px;
	margin:0px;
	border-bottom:2px solid white;
}

#htmlForm .appform{
	margin-left:200px;
}

.ftEditForm{
	/*margin-left: 190px;*/
	width: 100%;
}

.appform .btn{
	font-size:90%;
	border:none;
	background:none;
	border: 1px solid #D9DAD9;
	padding: 5px;
	background: #F2F1F1;
	margin: 10px 0 10px 0;
	height: 28px;
	/*width:100%;*/
	position: relative;
}

.appform .btn .mid{
	width:50%;
}

.appform .l{
	width: 197px;
}

#htmlForm .appform {
    margin-left: 320px;
}

li.item.item-mid, li.item.item-narrow{ 
	background-color: rgb(82, 101, 255);
	font-size: 14px;
	width: 180px;
	color: white;
	background-image: none;
	height: 45px;
	padding-top: 10px;
	text-align: center;
	margin-right: 10px;
	border-radius: 3px;
	box-shadow: 0px 2px 3px rgb(136, 136, 136);
	text-transform: uppercase;
}

li.item.item-mid a, li.item.item-narrow a{
	color:white;
}

div.minornote{
	background-color: #bababa;
	border: none;
	padding: 15px;
	background-image: url("/s/site/ministryforarts/reskin/underline.png");
	background-repeat: no-repeat;
	background-position: left bottom;
}

.appform h2{
	background-color: #bababa;
	color: black;
	font-weight: 100;
	width: 100%;
	padding-top:15px;
	padding-bottom:15px;
	background-image: url("/s/site/ministryforarts/reskin/underline.png");
	background-repeat: no-repeat;
	background-position: left bottom;
}

/*edited*/
.ftEditPageHeading{
	width:730px;
	float:right;
	margin-top:40px;
}

.appform .btn input, .appform .btn .close, #body .appform .btn a.linkbtn, #body .appform .btn a.linkbtn:link, #body .appform .btn a.linkbtn:visited{
	background-color: rgb(82, 101, 255);
	font-size: 12px;
	color: white;
	box-shadow: 0px 2px 3px rgb(136, 136, 136);
	text-transform: uppercase;
	border:none;
	border-radius: 2px;
	cursor:pointer;
}

.appform .btn{
	background-color:transparent;
	border:none;
	padding-left:0px;
}

/*edited*/
.ftEditPage{
	width:730px;
	float:right;
	margin-top: 41px;
	min-height: 600px;
}

.loginbox .appform .btn{
	padding-left:0px !important;
}

.btn{
	padding-left:0px !important;
}

.ftEditForm{
	width:740px;
	float:right;
}

#buttons.appform{
	background-color:transparent;
}

 .btn .next{
    background-image: url(/s/site/ministryforarts/reskin/Arrow-right.png) !important;
    background-position: 110px 5.5px !important;
}	

 .btn .prev{
    background-image: url(/s/site/ministryforarts/reskin/Arrow-left.png) !important;
    background-position: 7px 5.5px !important;
}

#footer{
	height:30px;
	background-color:transparent;
}

.appform textarea.ftFieldAddressFull {
    width: max-content;
    min-width: 500px;
    height: 20px;
}

/*This is necessary for an ie11 glitch.*/
.questionLegend{
	width:inherit;
}

/*Keycloak fixes*/

#regform .field {
  width: 660px;
}

h1{
	font-family:gafata;
	font-size:40px;
	margin:15px 0px;
}

h2{
	font-family: gafata;
	font-size: 25px;
	margin:15px 0px;
}

#submissions .btn{
    padding-left: 10px !important;
}

#headlinks{
    margin-top: 88px;
}

#headlinks a, #headlinks a:link, #headlinks a:visited{
    text-decoration: none;
    font-size: 14px;
}

#headlinks a:hover {
     text-decoration: underline !important;
}

.appform .ftEditSection {
    overflow: visible;
}

/*section scroll issue*/
.sectionGridBody{
    width:100%;
}




/*SF my submissions things. don't touch*/


#submissions .col-1 button {
	background-color: #007bff;
	color: #fff;
  }
  
  #submissions .col-1 button:hover {
	color: #007bff;
	background-color: white;
  border: 1px solid;
  }
  
  #app-detail-modal button.btn-primary {
	  background: none;
	  border-color: #6c757d;
	  color: black;
  }
  
  #submissions a {
  }
  
  a#rc-responselink, a#rsc-responselink  {
	  text-decoration: underline;
	color: #007bff;
  
  }
  
  #submissions .app-title a{ 
	  text-decoration: underline;
  
  }